<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="./css.css" rel="stylesheet">
    <style>
        .slideBox{ width:100%; height:220px; overflow:hidden; position:relative;}
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .slideBox .bd a{ display: block; width: 100%; height: 220px; background-position: center; background-size: cover}

        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .slideBox .prev,
        .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
        .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
        .slideBox .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox .prevStop{ display:none;  }
        .slideBox .nextStop{ display:none;  }
    </style>
    <script type="text/javascript" src="js/jquery1.42.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body style="background-color: #f7f7f7;">
    <div class="com-menu">
        <div class="container">
            <div class="right">
                <ul>
                    <li><a  href="index.html">首页</a></li>
                    <li><a class="router-link-active" href="history.html">历史活动</a></li>
                </ul>
                <div>
                    <span class="icon-font">&#xe600;</span>
                    <span>400-872-5600</span>
                </div>
            </div>
            <div class="left">
                <span><img src="image/logo.png"/></span>
                <span> 为物流人的梦想和快乐服务</span>
            </div>
        </div>
    </div>

    <div class="his-box">
        <!--<div class="banner"></div>-->
        <div id="slideBox" class="slideBox">
            <div class="bd">
                <ul>
                    <li><a href="index.html" target="_blank" style="background-image: url('./image/his-banner.jpg')"></a></li>
                    <li><a href="index.html" target="_blank" style="background-image: url('./image/his-banner.jpg')"></a></li>
                    <li><a href="index.html" target="_blank" style="background-image: url('./image/his-banner.jpg')"></a></li>
                </ul>
            </div>
            <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
            <a class="prev" href="javascript:void(0)"></a>
            <a class="next" href="javascript:void(0)"></a>
        </div>
        <script>jQuery(".slideBox").slide({mainCell:".bd ul", interTime:"3000", effect:"leftLoop", autoPlay:true});</script>
        <div style="background-color: #f7f7f7">
            <div class="list">
                <div class="com-title">
                    <div class="left">
                        <span>历史活动</span>
                        <span>HISTORY</span>
                    </div>
                </div>
                <ul class="cont">
                    <li>
                        <a class="img" href=""><img src="image/hisImg01.jpg"/></a>
                        <a class="intro" href="http://mp.weixin.qq.com/s/Sa0vtPT5OsUyqW9goSwHRQ">
                            <dl>
                                <dt>一图看懂十九大</dt>
                                <dd>不忘初心，牢记使命</dd>
                            </dl>
                        </a>
                        <span class="time">2017年10月19日</span>
                    </li>
                    <li>
                        <a class="img"><img src="image/hisImg01.jpg"/></a>
                        <a class="intro" href="http://mp.weixin.qq.com/s/t35gXQL9PFctayfkvX-_lw">
                            <dl>
                                <dt>全方位解读十九大报告：新提法新举措四十个！哪些与你密切相关？</dt>
                                <dd>十九大报告40个新提法新举措</dd>
                            </dl>
                        </a>
                        <span class="time">2017年10月19日</span>
                    </li>
                    <li>
                        <a class="img"><img src="image/hisImg01.jpg"/></a>
                        <a class="intro" href="http://mp.weixin.qq.com/s/HkSv5dDmcpbETpE6YAAEPw">
                            <dl>
                                <dt>感恩早期会员，免终身会费</dt>
                                <dd>日前，金兔物流地图公布的重大消息——“感恩早期会员，免终身会费”活动</dd>
                            </dl>
                        </a>
                        <span class="time">2017年10月17日</span>
                    </li>
                    <li>
                        <a class="img"><img src="image/hisImg01.jpg"/></a>
                        <a class="intro" href="http://mp.weixin.qq.com/s/ldrImW_beNz4AuxpeY9H2w">
                            <dl>
                                <dt>三方货主都到哪儿去了？</dt>
                                <dd>金兔经过近两年稳步地在全国发展，已有200多个城市为三方货主提供专线查找服务，特别是三方货主已经习惯了</dd>
                            </dl>
                        </a>
                        <span class="time">2017-10-17</span>
                    </li>
                    <li>
                        <a class="img"><img src="image/hisImg01.jpg"/></a>
                        <a class="intro" href="https://mp.weixin.qq.com/s/bdGI99SX5HM4PF8dXEY9qg">
                            <dl>
                                <dt>金兔播报第五期</dt>
                                <dd>金兔播报第五期</dd>
                            </dl>
                        </a>
                        <span class="time">2017-10-12</span>
                    </li>
                    <li>
                        <a class="img"><img src="image/hisImg01.jpg"/></a>
                        <a class="intro" href="http://mp.weixin.qq.com/s/Mt5knqeeqHHanxPHZTwpMA">
                            <dl>
                                <dt>一图知天下，物流尽其中</dt>
                                <dd>金兔又一个全国首创——物流营销推广平台“金兔物流地图”， 9月份在全国上线以来</dd>
                            </dl>
                        </a>
                        <span class="time">2017-10-12</span>
                    </li>
                    <li>
                        <a class="img"><img src="image/hisImg01.jpg"/></a>
                        <a class="intro" href="http://mp.weixin.qq.com/s/7roi-hvYExl5YKnnuJ3zxA">
                            <dl>
                                <dt>金兔热情洋溢的欢迎致辞</dt>
                                <dd>金兔副总经理牛奔先生正在为大家致欢迎辞。</dd>
                            </dl>
                        </a>
                        <span class="time">2017-10-12</span>
                    </li>
                </ul>
                <ul class="pages">
                    <!--<li><a href="">1</a></li>-->
                    <!--<li><a href="">2</a></li>-->
                    <!--<li><a href="">3</a></li>-->
                    <!--<li><a href="">4</a></li>-->
                </ul>
            </div>
        </div>
    </div>

    <div class="com-bottom">
        <div class="cont">
            Copyright © Copyright 2010-2011 版权所有:南京金兔信息科技有限公司 All Right Reserved.
        </div>
    </div>
</body>
</html>